Jump to content

Грамотность верстки


angangell
 Share

Recommended Posts

Всем привет!

Оцените пожалуйста грамотность данной фиксированной верстки http://homework.sattori.ru/

 

Вопрос:

При использовании float для меню ,список стает задом наперед.Как исправить данный косяк ?

Как тексту задать градиент ?

 

Спасибо!

Edited by angangell
Link to comment
Share on other sites

.header ul li>a { float: right; }

При задании элементу float он выпадает из потока документа и выравнивает по, right - значит правому, краю, а все остальные элементы обтекают его по левой стороне. Вот и выходит, что ссылка "Home" прилипает к правой стенке родителя, а все последующие ссылки становятся в очередь за ней. 

а) Лучше задайте списку float, а его элементы сделайте inline-block.

б) Хорошо бы использовать теги html5.

в) Блок "information", не по центру; подвал не "прибит" к низу; контакты в "contact us" съехали влево; кнопка фейсбука и птичка твитера мертвы. 
г) Блоки "bottom" и блок "twitter_fallow" тоже странно расположены.

Это так - очень поверхностно, т.к. сам еще нуб. Ждите полноценной критики. ;)

Как тексту задать градиент ?

 

Никогда такое не делал, но вот гугл выдал: один, два.

Но зачем оно нужно?

Edited by Jack_V
Link to comment
Share on other sites

  1. reset.css нужно определять перед пользовательским стилем

type="text/javascript" не нужен (по стандарту HTML5)

закрывающий слэш тоже лишний: <meta charset="UTF-8" />

<div class="footer"> - для этого есть тег <footer>, тоже самое и с <header>. Так как у вас HTML5 :)

для номера телефона тоже можно делать ссылку <p>Phone: +370 6411 9028</p> 

<p>Phone: <a href="tel:+370 6411 9028">+370 6411 9028</a></p>

Link to comment
Share on other sites

<script src="" type="text/javascript"></script> 

Я извиняюсь что это за код и на что он влияет (строка 12) ?

 

Подключение JavaScript.

 

type="text/javascript" не нужен (по стандарту HTML5)

Может "не обязателен"?

 

закрывающий слэш тоже лишний:

Ребята, работающие с XSLT, с вами не согласятся.

 

Да, вы правы, не обязателен.

-

А как здесь можно использовать XSLT?  Для чего он будет полезен?

Link to comment
Share on other sites

 

<script src="" type="text/javascript"></script> 

Я извиняюсь что это за код и на что он влияет (строка 12) ?

 

Подключение JavaScript.

 

Подключается  JavaScript так:

<script type="text/javascript"></script> 

А на тот код даже валидатор ругается 

Link to comment
Share on other sites

АХ да еще ссылки и картинки имеют обязательный атрибут title

<img src="" alt="" title=""/>  <a href="" title=""></a>

Я не сеошник но горят что поисковики придают этому атрибуту большое значение  ;) 

Edited by stan07
Link to comment
Share on other sites

Ребят,огромное спасибо за комментарии !!)

На днях сверстаю заново шаблон и исправлю свои ошибки.

Спасибо!

 

АХ да еще ссылки и картинки имеют обязательный атрибут title

<img src="" alt="" title=""/> <a href="" title=""></a>

Я не сеошник но горят что поисковики придают этому атрибуту большое значение  ;) 

 

Я такое слышал только об "alt"

Edited by angangell
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy